<script setup lang="ts">
const listDetails=defineProps({
  list:{
    type:Array
  }
})
</script>
<template>
  <div class="video_card">
    <div class="card_box">
      <a href="" class="v-card" v-for="item in 4" :key="item">
        <div class="card">
          <van-image class="img"
            src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
          />
          <div class="title">演员的自我修养</div>
          <div class="name">曾德启</div>
        </div>
        
      </a>
    </div>
  </div>
</template>

<style scoped lang="scss">
.video_card {
  box-sizing: border-box;
  .card_box {
    display: flex;
    flex-wrap: wrap;
    .v-card {
      width: 50%;
      .card {
        padding: 5px 8px;
        .img {
          width: 100%;
          height: 100%;
        }
        .title {
          color: #000;
          font-size: 14px;
        }
        .name {
          font-size: 14px;
          color: #979a9f;
        }
      }
    }
  }
}
</style>
